<%@ page language="java" import="java.util.*,cn.sypt.yuhao.domain.*"
	pageEncoding="UTF-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/admin/";

	ArrayList al = (ArrayList) request.getAttribute("users");
%>



<!DOCTYPE HTML>
<html lang="en-US">
<head>
<base href="<%=basePath%>">
<title>后台管理系统</title>
<!--[if lt IE 9]>
		<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
		<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
		<script src="Javascript/Flot/excanvas.js"></script>
	<![endif]-->
<!-- The Fonts -->
<link href="http://fonts.useso.com/css?family=Oswald|Droid+Sans:400,700"
	rel="stylesheet" />
<!-- The Main CSS File -->
<link rel="stylesheet" href="CSS/style.css" />
<!-- jQuery -->
<script src="Javascript/jQuery/jquery-1.7.2.min.js"></script>
<!-- Flot -->
<script src="Javascript/Flot/jquery.flot.js"></script>
<script src="Javascript/Flot/jquery.flot.resize.js"></script>
<script src="Javascript/Flot/jquery.flot.pie.js"></script>
<!-- DataTables -->
<script src="Javascript/DataTables/jquery.dataTables.min.js"></script>
<!-- ColResizable -->
<script src="Javascript/ColResizable/colResizable-1.3.js"></script>
<!-- jQuryUI -->
<script src="Javascript/jQueryUI/jquery-ui-1.8.21.min.js"></script>
<!-- Uniform -->
<script src="Javascript/Uniform/jquery.uniform.js"></script>
<!-- Tipsy -->
<script src="Javascript/Tipsy/jquery.tipsy.js"></script>
<!-- Elastic -->
<script src="Javascript/Elastic/jquery.elastic.js"></script>
<!-- ColorPicker -->
<script src="Javascript/ColorPicker/colorpicker.js"></script>
<!-- SuperTextarea -->
<script src="Javascript/SuperTextarea/jquery.supertextarea.min.js"></script>
<!-- UISpinner -->
<script src="Javascript/UISpinner/ui.spinner.js"></script>
<!-- MaskedInput -->
<script src="Javascript/MaskedInput/jquery.maskedinput-1.3.js"></script>
<!-- ClEditor -->
<script src="Javascript/ClEditor/jquery.cleditor.js"></script>
<!-- Full Calendar -->
<script src="Javascript/FullCalendar/fullcalendar.js"></script>
<!-- Color Box -->
<script src="Javascript/ColorBox/jquery.colorbox.js"></script>
<!-- Kanrisha Script -->
<!-- 图表 -->
<script src="http://cdn.hcharts.cn/highcharts/highcharts.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/highcharts-3d.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/modules/exporting.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/modules/data.js"></script>
<script src="http://cdn.hcharts.cn/highcharts/modules/drilldown.js"></script>
<!-- 图表 -->





<script src="Javascript/kanrisha.js"></script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
	

	<%@include file="/admin/head.jsp" %>
	

	<div class="wrapper contents_wrapper">

		<%@include file="/admin/left.jsp" %>
		<div class="contents">
			<div class="grid_wrapper">

				<div class="g_6 contents_header">
					<h3 class="i_16_charts tab_label">可视化分析</h3>
					<div>
						<span class="label">数据的可视化分析</span>
					</div>
				</div>
				

				<div class="g_12 separator">
					<span></span>
				</div>

				<!-- Charts -->


				<!-- Horizontal Bars -->


				<!-- Vertical Bars -->

				<script type="text/javascript">
					$(function() {
						// Create the chart
						$('#container')
								.highcharts(
										{
											chart : {
												type : 'pie',
												options3d : {
													enabled : true,
													alpha : 45,
													beta : 0
												}
											},
											title : {
												text : '实验学科可视化分析'
											},
											subtitle : {
												text : '点击查看详情'
											},
											plotOptions : {
												pie : {
													allowPointSelect : true,
													cursor : 'pointer',
													depth : 35,
													dataLabels : {
														enabled : true,
														format : '{point.name}'
													}
												},
												series : {
													dataLabels : {
														enabled : true,
														format : '{point.name}: {point.percentage:.1f}%'
													}
												}
											},

											tooltip : {
												headerFormat : '<span style="font-size:11px">{series.name}</span><br>',
												pointFormat : '<span style="color:{point.color}">{point.name}</span>: <b>{point.y}</b>个实验<br/>'
											},
											series : [ {
												name : '实验',
												colorByPoint : true,
												data : ${listchar}
											} ],
											drilldown : {
												series : ${listchar}
											}
										});
					});
				</script>

				<!-- Pie Charts -->

				<!-- Donut Charts -->
				<div class="box col-md-12">
					<div class="box-inner">
						
						<div class="box-content">
							<div id="container" style="height: 400px"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<jsp:include flush="true" page="foot.jsp"></jsp:include>
	<div style="display:none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>
</body>
</html>